<template>
  <div>
    <ep-main-layout>
      <div slot="left">
        <left-module-1 :data="rcqzhyd"></left-module-1>
        <left-module-2 :data="rcjg"></left-module-2>
      </div>
      <div slot="center" style="margin-left:20px">
        <second-center :data="centerData" label1="人才供需" :label2="'人力资源活跃\n指数'" label3="人才结构" label4="人才发展"
                       :table-data="hyzspopdata"></second-center>
      </div>
      <div slot="right" style="margin-left:20px">
        <right-module></right-module>
      </div>
    </ep-main-layout>
  </div>
</template>
<script>
import LeftModule1 from '../components/active/LeftModule1.vue'
import LeftModule2 from '../components/active/LeftModule2.vue'
import RightModule from '../components/active/RightModule.vue'
import SecondCenter from '../components/active/SecondCenter.vue'
import EpMainLayout from '../components/EpMainLayout.vue'

export default {
  components: {EpMainLayout, LeftModule1, LeftModule2, SecondCenter, RightModule},
  data() {
    return {
      // 活跃指数标题弹窗数据
      hyzspopdata:{
        title:'活跃指数：各指标实际得分*分类权重*指标权重累加',
        value:[
          {
            type: '人才需求',
            name: '专业人员需求数',
            flqz: '0.4',
            zbqz: '0.2',
            jzz: '100%',
            jfgz: '今年人才需求占去年人才需求数乘以基准值的百分比，当比值为1得分80，每低于1%减1分到0分为止，高1%加1分到100为止'
          },
          {
            type: '人才需求',
            name: '配套人员需求数',
            flqz: '0.4',
            zbqz: '0.2',
            jzz: '100%',
            jfgz: '今年人才需求占去年人才需求数乘以基准值的百分比，当比值为1得分80，每低于1%减1分到0分为止，高1%加1分到100为止'
          },
          {
            type: '人才需求',
            name: '群演需求数',
            flqz: '0.4',
            zbqz: '0.6',
            jzz: '80%',
            jfgz: '今年人才需求占去年人才需求数乘以基准值的百分比，当比值为1得分80，每低于1%减1分到0分为止，高1%加1分到100为止'
          },
          {
            type: '人才招引',
            name: '专业人员供需平衡度',
            flqz: '0.2',
            zbqz: '0.2',
            jzz: '',
            jfgz: '累计入职数占预计解决需求数比，n代表入职人数，m代码月份，X代表需求数：100*(n/(x*m/12))，n>x*m/12=100分'
          },
          {
            type: '人才招引',
            name: '配套人员供需平衡度',
            flqz: '0.2',
            zbqz: '0.2',
            jzz: '',
            jfgz: '累计入职数占预计解决需求数比，n代表入职人数，m代表月份，X代表需求数：100*(n/(x*m/12))，n>x*m/12=100分'
          },
          {
            type: '人才招引',
            name: '群演人均工作天数',
            flqz: '0.2',
            zbqz: '0.6',
            jzz: '80%',
            jfgz: '今年人均工作天数占去年人均工作天数乘以基准值的百分比，当比值为1得分80，每低于1%减1分到0分为止，高1%加1分到100为止'
          },
          {
            type: '人才服务',
            name: '群演工伤参保率',
            flqz: '0.1',
            zbqz: '0.3',
            jzz: '',
            jfgz: '群演工伤参保率*100'
          },
          {
            type: '人才服务',
            name: '人才招聘会次数',
            flqz: '0.1',
            zbqz: '0.7',
            jzz: '80%',
            jfgz: '基准值为去年同期人才招聘会次数的百分比，今年招聘会次数小于去年招聘会次数乘以基准值时：当前值*80/（去年值*基准值）；大于基准时，当前值/（去年值*基准值）每比100%大1%加1分到100分为值'
          },
          {
            type: '人才政策',
            name: '人才政策惠及率',
            flqz: '0.2',
            zbqz: '0.4',
            jzz: '',
            jfgz: '基准值为金华平均人才政策惠及率，人才政策惠及率=补贴人数/参保人数。达到基准值80分，每超过0.1%加4分，每少于0.1%减4分'
          },
          {
            type: '人才政策',
            name: '引进人才数量',
            flqz: '0.2',
            zbqz: '0.6',
            jzz: '100%',
            jfgz: '今年引进人才数量占去年同期引进人才数量乘以基准值的百分比，当比值为1得分80，每低于1%减1分到0分为止，高1%加1分到100为止'
          },
          {
            type: '人才结构',
            name: '专业人员本科以上人才占比',
            flqz: '0.1',
            zbqz: '0.5',
            jzz: '100%',
            jfgz: '当前本科人才占比等于去年占比乘以基准值得80分，占比每提高1%加4分，每降低1%减4分'
          },
          {
            type: '人才结构',
            name: '专业人员30岁以下人才占比',
            flqz: '0.1',
            zbqz: '0.5',
            jzz: '100%',
            jfgz: '当前30岁以下人才占比等于去年占比乘以基准值得80分，占比每提高1加4分，每降低1减4分'
          },

        ],
      },
      rcqzhyd: {
        count0: 756,
        count1: 575,
        count2: 263960,
        list0: [
          {
            name: '主播',
            value: 320
          }, {
            name: '后期制作',
            value: 143
          }, {
            name: '舞台技术',
            value: 64
          }, {
            name: '编导',
            value: 109
          }, {
            name: '策划推广',
            value: 93
          }, {
            name: '视频制作',
            value: 46
          }, {
            name: '其他',
            value: 730
          }
        ],
        list1: [
          {
            name: '酒店管理',
            value: 150
          }, {
            name: '影院管理',
            value: 333
          }, {
            name: '服化道',
            value: 29
          }, {
            name: '版权服务',
            value: 63
          },
        ],
        list2: [
          {
            name: '一级群演',
            value: 269
          }, {
            name: '二级群演',
            value: 1491
          }, {
            name: '三级群演',
            value: 4789
          }, {
            name: '四级群演',
            value: 7337
          }, {
            name: '五级群演',
            value: 250080
          },
        ],
      },
      rcjg: {
        count0: 1234,
        count1: 10234,
        count2: 567,
        list0: [
          {name:'博士',value:7},
          {name:'硕士',value:201},
          {name:'本科',value:2167},
          {name:'专科',value:4051},
          {name:'专科以下',value:108125}
        ],
        list1: [
          {
            name: '博士',
            value: 7
          }, {
            name: '硕士',
            value: 201
          }, {
            name: '本科',
            value: 2003
          }, {
            name: '专科',
            value: 1550
          }, {
            name: '专科以下',
            value: 20
          }
        ],
        list2: [
          {
            name: '博士',
            value: 0
          }, {
            name: '硕士',
            value: 0
          }, {
            name: '本科',
            value: Math.floor(Math.random() * 500 + 500)
          }, {
            name: '专科',
            value: Math.floor(Math.random() * 500 + 500)
          }, {
            name: '专科以下',
            value: Math.floor(Math.random() * 500 + 500)
          }
        ],
        agelist0: [
          {name:'30岁以下',value:17182,percent:15},
          {name:'30-40岁',value:22910,percent:20},
          {name:'40-49岁',value:44092,percent:38},
          {name:'50-60岁',value:28637,percent:25},
          {name:'60岁以上',value:1727,percent:2}
        ],
        agelist1: [
          {
            name: '30岁以下',
            value: 1000,
            percent:5
          },{
            name: '30-40岁人才',
            value: 7000,
            percent:70
          },{
            name: '40-49岁人才',
            value: 2000,
            percent:15
          },{
            name: '50-60岁人才',
            value: 1000,
            percent:5
          },{
            name: '60岁以上人才',
            value: 1000,
            percent:5
          }
        ],
        agelist2: [
          {name:'博士',value:7},
          {name:'硕士',value:201},
          {name:'本科',value:2167},
          {name:'专科',value:4051},
          {name:'专科以下',value:108125}
        ],
      },
      // rcjg: {
      //     count1: 500,
      //     count2: 589,
      //     total: 234,
      //     xljg: [
      //         {name: '博士', value: Math.floor(Math.random() * 500) + 500},
      //         {name: '硕士', value: Math.floor(Math.random() * 500) + 500},
      //         {name: '本科', value: Math.floor(Math.random() * 500) + 500},
      //         {name: '专科', value: Math.floor(Math.random() * 500) + 500},
      //     ],
      //     nljg: [
      //         {name: '18-25岁', value: Math.floor(Math.random() * 500) + 500},
      //         {name: '25-30岁', value: Math.floor(Math.random() * 500) + 500},
      //         {name: '30-35岁', value: Math.floor(Math.random() * 500) + 500},
      //         {name: '35岁以上', value: Math.floor(Math.random() * 500) + 500}
      //     ]
      // },
      centerData: {
        rcqzhy: 70, rlzyhy: 80, rcjg: '90', rcfzhj: '100'
      }
    }
  },
  mounted() {
    this.resetData();
    setInterval(() => {
      this.resetData()
    }, 60 * 1000);
  },
  methods: {
    resetData() {

      let params = {
      };
      let url ='/dyrl/screen/query/hyzs'
      //let url='/jhApi/dsb/getSa02';
      console.log('调用接口');
      this.$api.commonPost(url,params).then(res=>{
          console.log('获取数据',res);
          console.log(res.data);
          console.log("code:"+res.data.code);
          if(res.data.code === 0){
              console.log(res.data.result);
              this.centerData=res.data.result.centerData;
              this.rcqzhyd=res.data.result.rcqzhyd;
              this.rcjg =res.data.result.rcjg;
          }else{
              console.log("error:");
              this.$message({
                  type: 'error',
                  message: res.data.code,
                  duration: 1500
              })
          }

      })

      // this.rcqzhyd =  {
      //   count0: 756,
      //           count1: 575,
      //           count2: 263960,
      //           list0: [
      //     {
      //       name: '主播',
      //       value: 320
      //     }, {
      //       name: '后期制作',
      //       value: 143
      //     }, {
      //       name: '舞台技术',
      //       value: 64
      //     }, {
      //       name: '编导',
      //       value: 109
      //     }, {
      //       name: '策划推广',
      //       value: 93
      //     }, {
      //       name: '视频制作',
      //       value: 46
      //     }, {
      //       name: '其他',
      //       value: 730
      //     }
      //   ],
      //           list1: [
      //     {
      //       name: '酒店管理',
      //       value: 150
      //     }, {
      //       name: '影院管理',
      //       value: 333
      //     }, {
      //       name: '服化道',
      //       value: 29
      //     }, {
      //       name: '版权服务',
      //       value: 63
      //     },
      //   ],
      //           list2: [
      //     {
      //       name: '一级群演',
      //       value: 269
      //     }, {
      //       name: '二级群演',
      //       value: 1491
      //     }, {
      //       name: '三级群演',
      //       value: 4789
      //     }, {
      //       name: '四级群演',
      //       value: 7337
      //     }, {
      //       name: '五级群演',
      //       value: 250080
      //     },
      //   ],
      // },
      //     this.rcjg = {
      //       list0: [
      //         {name:'博士',value:7},
      //         {name:'硕士',value:201},
      //         {name:'本科',value:2167},
      //         {name:'专科',value:3564},
      //         {name:'专科以下',value:90766}
      //       ],
      //       list1: [
      //         {
      //           name: '博士',
      //           value: 7
      //         }, {
      //           name: '硕士',
      //           value: 201
      //         }, {
      //           name: '本科',
      //           value: 2003
      //         }, {
      //           name: '专科',
      //           value: 1550
      //         }, {
      //           name: '专科以下',
      //           value: 20
      //         }
      //       ],
      //       list2: [
      //         {
      //           name: '博士',
      //           value: 0
      //         }, {
      //           name: '硕士',
      //           value: 0
      //         }, {
      //           name: '本科',
      //           value: 63
      //         }, {
      //           name: '专科',
      //           value: 336
      //         }, {
      //           name: '专科以下',
      //           value: 3590
      //         }
      //       ],
      //       agelist0: [
      //         {name:'30岁以下',value:19341,percent:20},
      //         {name:'30-40岁',value:33847,percent:35},
      //         {name:'40-49岁',value:36748,percent:38},
      //         {name:'50-60岁',value:4835,percent:5},
      //         {name:'60岁以上',value:1934,percent:2}
      //       ],
      //       agelist1: [
      //         {
      //           name: '30岁以下',
      //           value: 1567,
      //           percent:5
      //         },{
      //           name: '30-40岁人才',
      //           value: 1455,
      //           percent:70
      //         },{
      //           name: '40-49岁人才',
      //           value: 413,
      //           percent:15
      //         },{
      //           name: '50-60岁人才',
      //           value: 287,
      //           percent:5
      //         },{
      //           name: '60岁以上人才',
      //           value: 37,
      //           percent:5
      //         }
      //       ],
      //       agelist2: [
      //         {name:'博士',value:0},
      //         {name:'硕士',value:0},
      //         {name:'本科',value:101},
      //         {name:'专科',value:1678},
      //         {name:'专科以下',value:87156}
      //       ],
      //     },
          // this.rcjg = {
          //     count1: Math.floor(Math.random() * 500 + 500),
          //     count2: Math.floor(Math.random() * 500 + 500),
          //     total: Math.floor(Math.random() * 500 + 500),
          //     xljg: [
          //         {name: '博士', value: Math.floor(Math.random() * 500) + 500},
          //         {name: '硕士', value: Math.floor(Math.random() * 500) + 500},
          //         {name: '本科', value: Math.floor(Math.random() * 500) + 500},
          //         {name: '专科', value: Math.floor(Math.random() * 500) + 500},
          //     ],
          //     nljg: [
          //         {name: '18-25岁', value: Math.floor(Math.random() * 500) + 500},
          //         {name: '25-30岁', value: Math.floor(Math.random() * 500) + 500},
          //         {name: '30-35岁', value: Math.floor(Math.random() * 500) + 500},
          //         {name: '35岁以上', value: Math.floor(Math.random() * 500) + 500}
          //     ]
          // },
          /*this.centerData = {
            rcqzhy: 70, rlzyhy: 80, rcjg: '90', rcfzhj: '100'
          }*/
    }
  }

}
</script>
<style lang="less" scoped>

</style>
